﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Columns.aspx.cs" Inherits="Operate_Columns" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>DQS系统|自助查询|所需列</title>
    <script type="text/javascript" src="../JavaScript/JQuery/jquery-1.6.2.min.js"></script>
    <script type="text/javascript" src="../JavaScript/JQuery/jquery-ui-1.8.16.custom.min.js"></script>
    <link rel="Stylesheet" href="../CSS/redmond/jquery-ui-1.8.16.custom.css" />
    <script type="text/javascript">
	    $(function() {
		    $("#tabs").tabs();
		    $("#billTabs").tabs();
		    $("#SaveColumn").button();
		    $(window.parent.document).find("#contentTitle").text("所需列");
		    $("#contents").show();
	    });
	</script>
	<style type="text/css">
	    BODY { margin:0; padding:0;}
	    .ButNext {padding-top:10px!important; margin-top:3px;}
	    .toolip { color:Orange; margin-top:18px;}
	    .CkList TD { width:160px;}
	</style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="contents" style="display:none">
        <div id="tabs">
          <ul>
		    <li><a href="#tabs-1">用户</a></li>
		    <li><a href="#tabs-2">缴费</a></li>
		    <li><a href="#tabs-3">账单</a></li>
		    <li><a href="#tabs-4">终端</a></li>
	      </ul>
	        <div id="tabs-1">
		        <asp:CheckBoxList ID="UserColumns" runat="server" CssClass="CkList" RepeatDirection="Horizontal" RepeatColumns="4" CellPadding="5" CellSpacing="5">
                    </asp:CheckBoxList>
	        </div>
	        <div id="tabs-2">
		        <asp:CheckBoxList ID="PayFeeColumns" runat="server" CssClass="CkList" RepeatDirection="Horizontal" RepeatColumns="4" CellPadding="5" CellSpacing="5">
                    </asp:CheckBoxList>
                <fieldset class="toolip">
                    <legend>提示</legend>
                    <ol>
                        <li>除预存累计缴费赠费外其他列暂未包含OCS数据</li>
                    </ol>
                </fieldset>
	        </div>
	        <div id="tabs-3">
	            <div id="billTabs">
                <ul>
                    <li><a href="#billTabs-1">当月</a></li>
                    <li><a href="#billTabs-2">上月</a></li>
                    <li><a href="#billTabs-3">上上月</a></li>
                    <li><a href="#billTabs-4">总计</a></li>
                </ul>
                <div id="billTabs-1">
                    <asp:CheckBoxList ID="ThisBillColumns" runat="server" CssClass="CkList" RepeatDirection="Horizontal" RepeatColumns="4" CellPadding="5" CellSpacing="5">
                    </asp:CheckBoxList>
                    <fieldset class="toolip">
                        <legend>提示</legend>
                        <ol>
                            <li>通话时长和通话次数包括主被叫</li>
                            <li>计费时长3G取主叫2G取主被叫</li>
                            <li>计费时长单位分钟,流量单位M</li>
                        </ol>
                    </fieldset>
                </div>
                <div id="billTabs-2">
                    <asp:CheckBoxList ID="LastBillColumns" runat="server" CssClass="CkList" RepeatDirection="Horizontal" RepeatColumns="4" CellPadding="5" CellSpacing="5">
                    </asp:CheckBoxList>
                </div>
                <div id="billTabs-3">
                    <asp:CheckBoxList ID="BeforeLastColumns" runat="server" CssClass="CkList" RepeatDirection="Horizontal" RepeatColumns="4" CellPadding="5" CellSpacing="5">
                    </asp:CheckBoxList>
                </div>
                <div id="billTabs-4">
                    <asp:CheckBoxList ID="TotalBillColumns" runat="server" CssClass="CkList" RepeatDirection="Horizontal" RepeatColumns="4" CellPadding="5" CellSpacing="5">
                    </asp:CheckBoxList>
                    <fieldset class="toolip">
                        <legend>提示</legend>
                        <ol>
                            <li>总计取自2011年1月1号至今</li>
                        </ol>
                    </fieldset>
                </div>
                </div>
	        </div>
	        <div id="tabs-4">
		        <asp:CheckBoxList ID="RentInfo" runat="server" CssClass="CkList" RepeatDirection="Horizontal" RepeatColumns="4" CellPadding="5" CellSpacing="5">
                    </asp:CheckBoxList>
	        </div>
        </div>
        <div id="ActionPanel" style="text-align:right;">
            <asp:Button ID="SaveColumn" runat="server" Text="下一步>>>" OnClick="SaveColumn_Click" CssClass="ButNext"/>
        </div>
    </div>
    </form>
    <script type="text/javascript" src="../JavaScript/JQuery/jquery.preload.min.js"></script>
    <script type="text/javascript" charset="utf-8">
      $( function(){
        $.preload( '../JavaScript/My97DatePicker/WdatePicker.js',
          '../JavaScript/JQuery/external/jquery.bgiframe-2.1.2.js',
          '../JavaScript/Conditions.js',
          '../CSS/Conditions.css'
        );
      });      
    </script>
</body>
</html>
